<template class="app-container">
  <div>
    <TopBar @title="reqTitle">
      <div slot="left" class="el-icon-back">
        返回
      </div>
      <div slot="title">
        {{ titleItem }}
      </div>
    </TopBar>
    <!--工商信息-->
    <Busin v-if="titleItem=='工商信息'"></Busin>
    <!--门诊列表-->
    <OutpatientList v-else-if="titleItem=='诊所列表'"></OutpatientList>
    <!--医生列表-->
    <DoctorList v-else-if="titleItem=='医生列表'"></DoctorList>
    <!--患者列表-->
    <Patient v-else-if="titleItem=='患者列表'"></Patient>
    <!--销售列表-->
    <SaleList v-else-if="titleItem=='销售列表'"></SaleList>
    <!--合同列表-->
    <ContractList v-else-if="titleItem=='合同列表'"></ContractList>  
  </div>
</template>

<script>

import TopBar from './TopBar';
// 工商信息
import Busin from '../bloc/Busin';
// 诊所列表
import OutpatientList from '../bloc/OutpatientList';
// 医生列表
import DoctorList from '../bloc/DoctorList';
// 患者列表
import Patient from '../bloc/Patient';
// 管理员列表
import SaleList from './SaleList';
// 合同列表
import ContractList from '../bloc/ContractList';

// 左侧菜单

export default {
  name: 'Details',
  components: {
    TopBar,
    Busin,
    OutpatientList,
    DoctorList,
    Patient,
    SaleList,
    ContractList,
  
  },
  data() {
    return {
      titleItem: '工商信息'
    };
  },
  methods: {
    reqTitle(item) {
      this.titleItem = item;
     
    }
  }
};
</script>

<style scoped>
  *{
    margin: 0px;
    padding: 0px;
  }
  .el-icon-back{
    font-size: 16px;
    font-weight: bold;
  }
</style>
